<template>
  <div style="height: 930px">
    <div class="header">
      <ul class="MyRight" style="height: 30px">
        <router-link to="/Provice"> 企业数据</router-link>
        <router-link to="/Server"> 服务器数据</router-link>
        <router-link to="/HeNan"> 省份数据</router-link>
      </ul>
    </div>
    <router-view></router-view>
  </div>
</template>
<script>
export default {
  data() {
    return {};
  },
  mounted() {
    this.$router.push("/Provice")
  },
};
</script>
<style>
.MyRight {
  width: 300px;
  border: 1px solid #eee;
  display: flex;
  gap: 0; /* 替代 margin ，消除间隙 */
  margin: 10px 23px;
}
.MyRight a {
  flex: 1; /* 均分宽度，适配300px父容器 */
  display: inline-block;
  text-decoration: none;
  color: rgb(96, 98, 101);
  border-left: 1px solid #eee;
  text-align: center;
  list-style: none;
  line-height: 28px;
  height: 31px;
}
.MyRight a.router-link-exact-active {
  background-color: rgb(86, 152, 220);
  color: #eee;
}
.header {
  width: 100%;
}
</style>